<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>发现_{$web_name}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="发现" />
		<meta name="Description" content="发现" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="format-detection" content="telephone=no">
		<tc_include file="Public:head" />
		<link rel="stylesheet" type="text/css" href="/themes/wnsc/Home/Index/css/article.css">
			 <link rel="stylesheet" href="/themes/wnsc_moblie/Public/layui/css/layui.css">
		<script type="text/javascript" src="/themes/wnsc/Public/js/jquery.min.js"></script>
		<style>
			.slide_wrap {width:100%;height:400px;position:relative}
			.slide_wrap .slide { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative;}
			.slide_wrap .slide li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
			.slide_wrap .slide li a { display:block; width:100%; height:100%; text-indent:-9999px;}
			.slide_wrap .pagination { display:block; list-style:none; position:absolute; left: 47%; top: 370px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
			.slide_wrap .pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
			.slide_wrap .pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;outline:0}
			.slide_wrap .pagination li.current { background:#e61415}
			.group-list li .p-img .brand-time i, #filter .order b, #filter .pagin .icon, .filter-tag .icon, .list-grid .operate-btn i {
				background: url(../images/common-icon.png) no-repeat; background-position: -364px -64px;
			}

		</style>
	</head>

	<body>
		<tc_include file="Public:nav" />
		<?php
						$group_banner=sp_getslide(8);
					?>
		<!--banner-->
		<div class="slide_wrap">
			<ul id="slides2" class="slide">
				<foreach name="group_banner" item="v" key="k">
					<li style="background:url('{$v.UpFilePathInfo}') no-repeat center top"><a href="{$v.ad_link}" target="_blank">pwstrick1</a></li>
				</foreach>

			</ul>
		</div>
		<div class="w990" id="content" style="background: none;">
			<div class="maincat mp ">
				<div class="Location ">
					<ul>
						<li>
							<a href="javascript:;">当前位置：</a>
							<a href="/">首页</a> <code>&gt;</code>
							<a href="{:U('index/news')}">发现</a> 
						</li>
					</ul>
				</div>

				<div class="cate-l f mr11">

					
					<div class="cate-le " id="news_list">

					</div>

				</div>

				<div class="cate-r f">

					
					<div style="height:0px; line-height:0px; clear:both;"></div>

					<div class="bor bgwhite">
						<div class="cate-r">
							<h2 class="art-t"><i class="icon"></i>人气文章</h2>
							<ul class="art">
								<ul>
									<foreach name="top_news" item="v">
									<li><span>{$key+1}</span>
										<a href="{:U('shop/store',array('id'=>$v['shop_id']))}" title="{$v.story_title}" style="overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{$v.story_title}</a>
									</li>
									</foreach>
								</ul>
							</ul>
						</div>

						<div class="erweima mp"><img src="{:sp_getad('故事列表页-右侧二维码')}" alt="扫一扫，有好礼"></div>
					</div>
				</div>

			</div>
		</div>
		<div style="clear: both;"></div>
		<tc_include file="Public:footer" />
		<script type="text/javascript" src="/themes/wnsc/Home/List/js/jquery.jslide.js"></script>
		<script src="/themes/wnsc/Home/List/js/jquery.countdown.js"></script>
			<script src="/themes/wnsc_moblie/Public/layui/layui.js"></script>
			<script>
				layui.use('flow', function(){
				  var $ = layui.jquery; //不用额外加载jQuery，flow模块本身是有依赖jQuery的，直接用即可。
				  var flow = layui.flow;
				  flow.load({
					elem: '#news_list' //指定列表容器
					,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
					  var lis = [];
					  //以jQuery的Ajax请求为例，请求下一页数据（注意：page是从2开始返回）
					  $.get('/index/ajax_news?page='+page, function(res){
						//假设你的列表返回在data集合中
							lis.push(res.content)
						
						//执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
						//pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
						next(lis.join(''), page < res.pages);    
					  });
					}
				  });
				});
                //轮播
                $(function(){
                    $('#slides2').jslide();
                })
			</script> 

	</body>

</html>